<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <!-- 
    库   我们调用的库的方法
    框架   我们写代码  框架调用
    vue是一个  mvvm框架   m:model   v view   vm处理数据的
          框架时代  我们操作数据 ； 数据更改 视图自动更新；  视图更新 数据自动更改；
   -->
  <div id="app">
    <!-- 小胡子语法  里边只能些表达式 -->
    {{name}}name
    <!-- v-xxx的 都是 vue的指令 -->
    <!-- v-model 1.value='name' 2.绑定了input事件 -->
    <input type="text" v-model='name'>
  </div>
  <!-- {{name}} -->
</body>

</html>
<script src="../node_modules/vue/dist/vue.js"></script>
<script>
  //; vue本身是一个类
  let vm = new Vue({
    // vue的配项
    //  这里的属性 都是 vue规定的
    el: '#app',
    data: {
      //vue 中的变量 都是 属性
      // data中的属性 最终 都会被挂在当前实例上
      name: "珠峰",
      age: 10
    }
  });
</script>
<script>
  function q(ary) {
    let n = ary && ary.length - 1;
    let t_index = [],t = [];
    
    while (t_index.length <= n) {
      let m = Math.round(Math.random() * n);
      if(t_index.indexOf(m) == -1){
        t_index.push(m);
        t.push(ary[m])
      }
    }
    return t

  }
  var ary = [111, 222, 333, 4444, 555, 666, 777, 888];
  console.log(q(ary));
</script>